@color:teal;
@myFavor:'color';
@bColor:blue;
@oColor:orange;
@base-font-size:10px;
p{
  font-size:@base-font-size*2;
}
.bordered(@width:1px){
  border:@width dotted @color
}
.border-radius(@radius:5px){
     -moz-border-radius:@radius;
  -webkit-border-radius:@radius;
          border-radius:@radius;
}
.box-shadow(@x:5px,@y:5px,@c:@color){
  box-shadow:@arguments;
  margin-bottom:5px;
}
.cssBorder{
  .bordered;
}



.mixin(dark,@c:@color){
  color:darken(@c,10%);
}
.mixin(light,@c:@color){
  color:lighten(@c,10%);
}
//引导模式
.mixin(@a) when(lightness(@a)>=50%){
  background-color:black;
}
.mixin(@a) when(lightness(@a)<=50%){
  background-color:white;
}
header{
  color:@oColor;
  h1{color:@bColor};
  h2{color:#f00;
    a{color:#0f0;
      &:hover{color:#f00}}
  }
}
footer,article,aside,section,hgroup,div,nav{
  .mixin(#123);
  .mixin(light,@oColor);//模式匹配（重载）
  .bordered(1px);//mixin 带参数混合
  .border-radius(5px);
  .box-shadow();
}
